window.onload = function() {
    var lg=document.getElementById('list-group')
    //创建留言数据对象
    var msgs = [
        {name: '张三', content: "你好我是张三", create_at: '2021-11-14 10:30:32'},
        {name: '李四', content: "你好我是李四", create_at: '2021-11-15 10:11:14'},
        {name: '王五', content: "你好我是王五", create_at: '2021-11-16 10:22:55'}
    ];
    //遍历数组拼接数据
    //遍历数组可以用JQ $.each也可以通过js的数组.foreach
    //传统通过+拼接
    //es6语法可以通过：反引号，遍历${变量名输出}（js最新语法）
//1.传统拼接
    // var eleLi="";
    // for (var i=0;i<msgs.length;i++){
    //
    //     eleLi+="<li class='list-group-item'>"+msgs[i].name+'说：'+msgs[i].content+" <span class='pull-right'>"+msgs[i].create_at+"</span></li>"
    //
    //
    // }
    // lg.innerHTML=eleLi
    //2.es6新拼接
    // var html1=``;
    // msgs.forEach(function (items) {
    //     html1+=`<li class="list-group-item">${items.name}：${items.content} <span class="pull-right">${items.create_at}</span></li>`
    //
    // })
    // lg.innerHTML=html1

    var btn01=document.getElementById('btn01')
    btn01.onclick=function () {
        window.location.href='add'
    }

}
